.error-icon {
		color: $error-icon-color;
		padding-right: 5px;
		float: left;
	}

	.error {
		border: 1px solid $error-border-color;
		background-color: $error-back-color;
		padding: 10px;
		width: 100%;
		border-radius: 5px;
		margin-bottom: 20px;
	}

	.error>div {
		display: block;
		word-wrap: break-word;
		float: left;
		width: 255px;
		color: $error-font-color;
	}

	#load .login-form {
		width: 450px;
		position: absolute;
		top: $login-form-top;
		left: $login-form-left;
		transform: $login-form-transform;
		display: flex;
		flex-direction: column;
		align-items: center;
		border: 1px solid $login-form-border;
		border-radius: 6px;
		box-shadow: 0 0 10px $login-form-shadow;
		background: #ffffff12;
		// margin-top: 8%;
	}

	#load .login-btn {
		width: 44% !important;
		height: 45px !important;
		// background-color: #63b9ff !important;
		font-size: 20px !important;
		letter-spacing: 5px;
		border: none !important;
	}

	.form-title {
		color: $login-form-title-font;
		padding-bottom: 10px;
		border-bottom: 1px solid $login-border;
		margin-bottom: 20px;
	}

	#load .center .model {
		height: 100%;
		width: 100%;
		position: relative;
		// display: flex;
		// justify-content: center;
		// align-items: flex-start;
	}

	#load .center {
		position: absolute;
		top: 0;
		left: 0;
		background:$login-back-color;
		background-image: $login-back-img;
		padding-top: 0;
		width: 100%;
		height: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		/*calc(100% - 160px);*/
		overflow: auto;
	}

	#load .center {
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
		opacity: 1;
	}

	#load .model .bottom {
		display: flex;
		height: 80px;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		bottom: 4%;
		width: 100%;
		color: $login-form-title-font;
		font-size: 25px;
		letter-spacing: 21px;
	}

	#load .login-form .login-input {
		height: 55px !important;
	}

	#load .login-form .login-input .el-input__inner {
		height: 55px !important;
		font-size: 20px;
		line-height: 55px;
		background-color: $login-input-back;
		color: $login-font-color;
	}

	#load .login-form .login-input .el-input__inner:focus {
		border-color: $login-input-border-active;
	}

	#load .login-form .yanzheng {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-content: flex-start;
		height: 55px;
	}
	#load .login-form #verification{
		background: $login-verification-back;
	}
	#load .login-form .el-form {
		width: 400px;
		margin-top: 30px;
	}

	#load .login-form .login-title {
		width: 100%;
		height: 65px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: $login-form-title-font;
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 13px;
		border-bottom: 1px solid $login-border;
		background-size: contain;
	}

	#load .login-form .input-yanzheng {
		width: 200px;
	}

	#load .login-form .el-form-item {
		margin-bottom: 25px;
		height: 55px;
	}

	#load .login-form canvas {
		border-radius: 5px;
	}

	#load .login-form .icon {
		color: $login-font-color;
		font-size: 28px;
	}

	#load .login-form .el-input__prefix {
		padding: 0 10px;
		line-height: 55px;
	}

	#load .login-form .el-input--prefix .el-input__inner {
		padding-left: 50px;
	}